<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>本草易</title>
    <meta name="keywords" content="本草易">
    <meta name="description" content="本草易">
    <link rel="stylesheet" href="./styles/normalize.css">
    <link rel="stylesheet" href="./styles/icon_font/iconfont.css">
    <link rel="stylesheet" href="./styles/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="./styles/main.css">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
</head>

<body>
    <header>
        <nav class="warp">
            <h1 class="logo fl">本草易</h1>
            <ul class="fr navigation">
                <li class="fl">
                    <a href="#">首页</a>
                </li>
                <li class="fl">
                    <a href="#">关于本草易</a>
                </li>
                <li class="fl partner">
                    <a href="#">合作机会</a>
                    <div class="partner-list">
                        <i>▲</i>
                        <a href="#"><img width="100%" src="./styles/images/partner1.png" /></a>
                        <a href="#"><img width="100%" src="./styles/images/partner.png" /></a>
                    </div>
                </li>
                <li class="fl">
                    <a href="#">产品系列</a>
                </li>
                <li class="fl">
                    <a href="#">联系我们</a>
                </li>
            </ul>
        </nav>
    </header>
    <!--banner start-->
    <section class="banner swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href="#">
                    <img width="100%" src="./styles/images/banner.png" />
                </a>
            </div>
            <div class="swiper-slide">
                <a href="#">
                    <img width="100%" src="./styles/images/banner.png" />
                </a>
            </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </section>
    <!--banner end-->
    <main>
        <h2 class="module-title">
            Contact Us<br/><span>联系我们</span>
        </h2>
        <section class="warp contact  clearfix">
            <p style="margin: 30px 0">
                提问？合作？<br/> 打个招呼就是了！
                <br/> 无论您的需求如何，我们都乐意倾听。
            </p>
            <dl class="fl">
                <dt class="fl">
                    <span class="icon iconfont icon-wechartlog60"></span>
                </dt>
                <dd>微信公众号：本草易<br/>
                    <img src="./styles/images/weixin.png" />
                </dd>
            </dl>
            <dl class="fl">
                <dt class="fl">
                    <span class="icon iconfont icon-link"></span>
                </dt>
                <dd>微信小程序：<br/>
                    <img src="./styles/images/weixin1.png" />
                </dd>
            </dl>
            <dl class="fl">
                <dt class="fl">
                    <span class="icon iconfont icon-weibo"></span>
                </dt>
                <dd>新浪微博：@道地药材本草易</dd>
            </dl>
            <dl class="fl">
                <dt class="fl">
                    <span class="icon iconfont icon-servicefill"></span>
                </dt>
                <dd>客服服务 <br>24小时全国服务热线：400-1000-699 <br>本草易服务邮箱：scbcycn@163.com
                </dd>
            </dl>
            <dl class="fl">
                <dt class="fl">
                    <span class="icon iconfont icon-global_light"></span>
                </dt>
                <dd>商务合作 <br>邮箱：liuyuqi@bcycn.net<br> 电话：13666127800
                </dd>
            </dl>
            <dl class="fl">
                <dt class="fl">
                    <span class="icon iconfont icon-location"></span>
                </dt>
                <dd>
                    公司地址<br> 研发总部： 成都市 . 高新区<br/> 运营总部： 绵阳市 . 北川县
                </dd>
            </dl>
            <dl class="fl">
                <dt class="fl">
                    <span class="icon iconfont icon-peoplelist"></span>
                </dt>
                <dd>外联公关 <br>联系邮箱：784746627@qq.com</dd>
            </dl>
            <dl class="fl">
                <dt class="fl">
                    <span class="icon iconfont icon-friendfamous"></span>
                </dt>
                <dd>媒体垂直<br> 联系邮箱：240249328@qq.com
                </dd>
            </dl>
            <dl class="fl">
                <dt class="fl">
                    <span class="icon iconfont icon-phone"></span>
                </dt>
                <dd>人才招聘 <br>联系电话：081-66190052<br> 联系邮箱：429861596@qq.com
                </dd>
            </dl>
        </section>
    </main>
    <footer>
        <section class="warp">
            <a href="#">关于我们</a>
            <a href="#">联系我们</a>
            <a href="#">友情链接</a>
            <a href="#">意见反馈</a>
            <a href="#" style="margin: 0"><span class="icon iconfont icon-iconfontqq"></span></a>
            <a href="#"><span class="icon iconfont icon-weibo"></span></a>
        </section>
    </footer>
    <script src="./js/zepto.min.js"></script>
    <script src="./js/swiper-3.4.2.jquery.min.js"></script>
    <script src="./js/main.js"></script>
</body>

</html>